<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<head>
<title></title>
<style type="text/css">
<!--
@media print {
	BODY {
		font-size: 14pt;
		font-family: Arial;
	}
}

@media screen {
	BODY {
		font-size: 12pt;
		font-family: Arial;
	}
}

@media screen , print {
	BODY {
		color: #000000;
	}
}



.Estilo2 {
	font-size: 2px;
	font-weight: bold;
}

.Estilo4 {
	font-size: 14px;
	font-weight: bold;
}

.Estilo6 {
	font-size: 12px
}

.Estilo7 {
	font-size: 10px;
	font-weight ight: bold;
}

.Estilo8 {
	font-size: 10.5px
}

.MasGrande {
	font-size: 14px
}

body,td,th {
	font-family: Arial;
}
.verticalder{
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  
  
  left:-55;  
  font-size:0.7em !important;
  position:absolute;
  
  }
  .verticalizq{
-webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);

  /* also accepts left, right, top, bottom coordinates; not required, but a good idea for styling */
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;

  /* Should be unset in IE9+ I think. */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  
  
   
  right:-55; 
  font-size:0.7em !important;
  position:absolute;
  }
  .horizontal{
    -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  font-size:0.7em !important;
  text-align: center;
 }
  .borderpunteado_{
  border-bottom-style: dashed;
  border-top-style: dashed;
   border-width: 1px;
   border-color:black; 
	} 
-->
</style>

<script language="javascript">
	window.print();
	window.close();
	
</script>
</head>
<body>
<div style="left:0;top:0;height:5cm;border-style: solid;border-width:1px;" >
<table border="0" height="100%"width="100%" >
	<tr>
		<td rowspan="3">&nbsp;&nbsp;&nbsp;<span class="verticalder" >Municipalidad de Puente Piedra</span></td>
		<td align="center"><span class="horizontal">Municipalidad de Puente Piedra</span></td>
		<td rowspan="3" >&nbsp;&nbsp;&nbsp;<span class="verticalizq">Municipalidad de Puente Piedra</span></td>
	</tr>
	<tr>
		<td width="100%" height="100%" align="center">
			<div style="border-style: solid;border-width:1px;height: 100%" > 
				<div style="width:100%;height:100%;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;">
					<img height="140px" width="100%" src="<?php  echo $this->util()->getImage('marca/puenteavanza.jpg'); ?>">
				</div>
			</div>
		</td>
	</tr>
	<tr>
		<td align="center"><span  class="horizontal">Municipalidad de Puente Piedra</span></td>
	</tr>
</table>
</div>

<br>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr>
		<td height="24" colspan="6">
			<table border="0"  width="100%">
				<tr>
					<td class="Estilo6"><b>
					<?php  echo $this->util()->getEntidad(); ?></b>
					</td>
					<td rowspan="3" align="right">
						<img height="50px" width="50px" src="<?php  echo $this->util()->getImage('marca/escudo.jpg'); ?>">
					</td>
				</tr>
				<tr>
					<td class="Estilo6"><b>
					<?php  echo $this->util()->getAreaCobranza(); ?></b>
					</td>
				</tr>
				<tr>
					<td class="Estilo6"><b>
					<?php  echo "RUC: ".$this->util()->getRUC(); ?></b>
					</td>
				</tr>
			</table>
		</td>
	</tr>
	<tr>
		<td colspan="3" height="10"><hr align="left" width="100%"></td>
	</tr>
	<tr>
		<td colspan="3" class="Estilo6" align="center" >
			<b><font size=+1 id="duplicado"></font></b>
		</td>
	</tr>
	<tr>
		<td colspan="3" height="10"></td>
	</tr>
	<tr>
		<td class="Estilo4" height="15" align="center" valign="middle" colspan="3">Recibo: &nbsp;&nbsp;&nbsp;<label  class="Estilo4" id="datos0"></label></td>
	</tr>
	<tr>
		<td colspan="3" height="10" align="center">
			<div align="center" id="codqr"></div>
		</td>
	</tr>
	<tr>
		<td colspan="3" height="10"></td>
	</tr>
	<tr>
		<td class="Estilo8" height="15">Codigo</td>
		<td colspan="2" class="Estilo8" id="datos1"></td>
	</tr>
	<tr>
		<td width="45" class="Estilo8" height="15">Nombre</td>
		<td colspan="2" class="Estilo8" id="datos2"></td>
	</tr>
	<tr height="15">
		<td class="Estilo8" id="labeltipodoc"></td>
		<td colspan="5" class="Estilo8" id="numdoc"></td>
	</tr>
	<tr>
		<td height="23" width="170" colspan="2" class="Estilo8 borderpunteado_">Descrip.</td>
		<td width="45" align="right" class="Estilo8 borderpunteado_">Total</td>
	</tr>

	<tr>
		<td height="23" width="170" colspan="3" class="Estilo8" id="detalle" style="border-bottom-style: dashed;border-width: 1px;border-color:black;"></td>
	</tr>

	<!-- for($i=0;$i<count($datos);$i++){
					$cont .='<tr>
							 <td colspan="2"  width="170" class="Estilo8">'.$datos[$i][4].'</td>
							 <td width="45" align="right" class="Estilo6">'.number_format($datos[$i][7],'2','.','').'</td>
							 </tr>
							 <tr>
							 <td colspan="3" class="Estilo6">/'.$datos[$i][8].'</td>
							 </tr>';
				}	 -->


	<tr>
		<td class="Estilo6">&nbsp;</td>
		<td class="Estilo6" align="right">TOTAL&nbsp;&nbsp;&nbsp;</td>
		<td class="Estilo4" align="right" id="datos9"></td>
	</tr>
	<tr id="idtotalope" style="display: none;">
		<td class="Estilo6">&nbsp;</td>
		<td class="Estilo6" align="right">TOTAL OP</td>
		<td class="Estilo4" align="right" id="sumtotalop"></td>
	</tr>			
	<tr id="iddetallepago" style="display: none;">
		<td colspan="6" class="Estilo8" id="detallepago" >
		</td>
	</tr>
	<tr>
		<td colspan="3" class="Estilo7" id="datos10"></td>
	</tr>
	<tr>
		<td colspan="3" class="Estilo7" align="left" id="datos11"></td>
	</tr>
	<tr>
		<td colspan="3" class="Estilo7" align="left" id="datos12"></td>
	</tr>
	<tr>
		<td colspan="3" height="30">
			&nbsp;
		</td>
	</tr>
</table>
<div align="center" id="copiacaja" class="Estilo4"></div>
<div align="center" id="codmd5" class="Estilo8">.</div>

</body>
</html>